<div class="navbar navbar-fixed-top" id="oj-navbar">
    <div class="navbar-inner">
        <div class="container">
            <button class="btn btn-navbar" type="button" data-target=".nav-collapse" data-toggle="collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="brand" href="https://www.oj.swust.edu.cn">PowerOJ</a>
            <div class="nav-collapse collapse">
                <ul class="nav">
                    <li>
                        <a href=""><i class="icon-list"></i>比赛列表</a>
                    </li>
                </ul>
                <ul class="nav pull-right">

                    <#if username??>
                        <li>
                            <a><i class="oj-icon oj-icon-user-suit"></i>${username}</a>
                        </li>
                        <li>
                            <a href="api/logout"><i class="icon-off"></i>注销</a>
                        </li>
                        <#else>
                            <li>
                                <a href="#" id="login" data-toggle="modal" data-target="#loginModal">
                                    <!--
                                    <a href="api/login">
                                    -->
                                    <i class="icon-user"></i>登陆</a>
                            </li>
                            <li>
                                <a href="https://www.oj.swust.edu.cn/signup"><i class="icon-star"></i>注册</a>
                            </li>
                    </#if>


                </ul>
            </div>
        </div>
    </div>
</div>
<div class="marquee">
    <marquee class="hidden-phone" style="margin-top: 46px;" direction="left" behavior="scroll" scrollamount="2">
        <ul class="marquee"></ul>
    </marquee>
</div>